(function() {
    U.ajax('get', './data/className.json', null, function(data) {
        // JSON.parse(data) 转成数组形式
        show(JSON.parse(data), '.nic_top')
        add(JSON.parse(data), '.nice_con')

        var tc1 = new TabClass();
        tc1.init();

    });
    //添加课程标签的方法
    function show(data, id) {
        // 获取父级元素
        var parent = document.querySelector(id);
        var ul = parent.querySelector('ul');
        // 循环 获得所有 title 
        var arr_tit = []
        for (var i = 0; i < data.length; i++) {
            var v = data[i];
            // 创建容器
            var li = document.createElement('li');
            // 通过循环 获取到所有的 title
            li.innerHTML = '<a href="javascript:;">' + v.title + '</a>';
            U.append(ul, li)
        }
    }

    //  添加课程

    function add(data, id) {
        // 获取父级元素
        var parent = document.querySelector(id);
        console.log(data);
        for (var i = 0; i < data.length; i++) {
            // 获取每一条数据
            var v = data[i];
            //循环创建ul
            var ul = document.createElement('ul');
            ul.className = 'nic_con1';
            U.append(parent, ul)

            // 循环创建容器
            for (let i = 0; i < v.list.length; i++) {

                var li = document.createElement('li');

                li.innerHTML = `<p><img src=${v.list[0].img} alt=""></p>
                <p>
                    <a href="javascript:;">${v.list[0].name}</a>
                </p>
                <p><span>￥${v.list[0].price}</span><span>${v.list[0].hour}课时</span></p> `;
                U.append(ul, li);
            }

        }

    }


})()